<!DOCTYPE html>
<html lang="en">
<head>
<title>What is the Rich Text Editor? </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="sakai.richTextEditor" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">What is the Rich Text Editor? </h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_C50C0838-81A1-4461-889D-FE908F075268" class="text-block-content">
    <p>In most areas of the system where text can be entered, you can control the appearance of your text using the Rich Text Editor, sometimes called a WYSIWYG (What You See Is What You Get) editor. The rich text toolbar has icons for editing and formatting your text. You may use the rich text editor to include images, links, audio, and video as well as text.</p>
<p><em>Note: Pasting text into the Rich Text Editor should preserve most formatting, but some types of formatting, such as colored text, may need to be added manually in the editor after pasting.</em></p>
<p>The Rich Text Editor is based on an open-source application called CKEditor. For more information on the CKEditor, you may also refer to the <a href="http://docs.ckeditor.com/" target="_blank">CKEditor 4 Documentation Site</a>.</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1" id="rich-text-editor-toolbar">
    <h2 class="step-title screensteps-heading">Rich Text Editor Toolbar</h2>
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_6B7D4A35-D25F-4572-AC82-712987EE079F" class="text-block-content">
    <p>The Rich Text Editor toolbar contains an array of icons. See <a href="content.hlp?docId=whatactionscaniperformusingtherichtexteditoricons">What actions can I perform using the Rich Text Editor icons?</a> for more information on individual icon functionality.</p>
<p><em>Note: Some configurations may not have all of the tools displayed here, and some may have additional tools specific to the local system.</em></p>
  </div>
</div>
 
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/602/400/original/62a28f15-2e1e-40a2-8128-378ea0705818.png" alt="" height="277" width="804">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_263B8646-0A9A-458C-ADD7-55431CB0AD54" class="text-block-content">
    <p>By default, the Rich Text Editor toolbar displays a single line of icons. If you would like to expand the toolbar to view additional icons, select the <strong>Expand Toolbar</strong> arrow in the top left of the toolbar. </p>
  </div>
</div>
 
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/602/402/original/bbb544ce-d612-457a-9f5d-6991747c4a25.png" alt="" height="277" width="804">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_BA1DC20F-159D-4637-89F6-4308495BC763" class="text-block-content">
    <p>In expanded view, click on the <strong>Collapse Toolbar</strong> arrow again to go back to the default, single line view.</p>
  </div>
</div>
 
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/004/602/404/original/a3e77de6-0da8-480f-bc3a-99a96e327610.png" alt="" height="390" width="804">
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
